<template>
	<view>
		<block v-if="data.list.length>0">
			<view class="list d-b-c f-w p30">
				<view class="item mb30" v-for="(item,index) in 5" :key="index">
					<image src="@/static/image/user_bg.png" mode="aspectFill" class="ww100"></image>
					<view class="f28 vertical mt10">5月新品现代新中式简约...</view>
					<view class="sub f22 mt5">装修日记</view>
				</view>
			</view>
			<up-loadmore :status="data.status" line marginTop="30"></up-loadmore>
		</block>
		<up-empty v-else marginTop="30vh" mode="list"></up-empty>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex"
	const store = useStore()
	const data = reactive({
		status:"loadmore",
		list:[]
	})
</script>

<style scoped lang="scss">
	.list {
		width: 100%;
		.item {
			width: calc(50% - 15rpx);
			image{
				height: 200rpx;
			}
		}
	}
</style>